<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 6 ]><html class="ie6"><![endif]-->
<!--[if IE 7 ]><html class="ie7"><![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Layer</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

<link rel="stylesheet" media="screen and (max-width:991px)" href="css/max991.css" />
<link rel="stylesheet" media="screen and (max-width:479px)" href="css/max479.css" />


<!--[if lt IE 8]>
 <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
 <script>DD_belatedPNG.fix("h1, a, h2, h3, img,.fixpng,.videos li");</script>
<![endif]-->

<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->



</head>

<body>

<br /><br /><br /><br /><br />




<div class="layer_warp w504">
  <span class="close"><a href="#"><img src="images/close.png" width="60" height="60" /></a></span>
  <div class="loginWarp">
    <div class="loginTet">
      <p class="en"><em class="black">LOGN</em><em class="darkGreen">IN</em></p>
      <p class="ch">免费注册</p>
    </div>
    <div class="loginForm">
      <div>
        <span class="tile">登录账号</span>
        <input class="tetinput" type="text" value="" placeholder="手机号码 / 邮箱地址" />
      </div>
      <div>
        <span class="tile">登录密码</span>
        <input class="tetinput" type="password" value="" placeholder="请输入密码" />
      </div>
      <div>
        <label class="rememberPw"><input type="radio" name="" value="radio" />记住密码</label>
        <span class="forgetPw"><a href="#">忘记密码？</a></span>
      </div>
      <div>
        <a href="#" class="btn">提交</a>
      </div>
    </div>
  </div>
</div>




<br /><br /><br /><br /><br />





<div class="layer_warp w504">
  <span class="close"><a href="#"><img src="images/close.png" width="60" height="60" /></a></span>
  <div class="layer_giftCard">
    <div class="gc_left_img"><img src="images/icon_tips.gif" /></div>
    <div class="gc_right_con">
      <p>礼品卡<b>213123123</b></p>
      <p>验证通过！</p>
      <div class="btnWarp"><a href="#" class="btn">好的，知道了</a></div>
    </div>
  </div>
</div>




<br /><br /><br /><br /><br />




<div class="layer_warp w504">
  <span class="close"><a href="#"><img src="images/close.png" width="60" height="60" /></a></span>
  <div class="layer_giftCard">
    <div class="gc_left_img"><img src="images/icon_tips.gif" /></div>
    <div class="gc_right_con">
      <p>恭喜您的订单已经更改成功</p>
      <p>您的健康疗程计划已经开启</p>
      <div class="btnWarp"><a href="#" class="btn">好的，知道了</a></div>
    </div>
  </div>
</div>




<br /><br /><br /><br /><br />





<div class="layer_warp w504">
  <span class="close"><a href="#"><img src="images/close.png" width="60" height="60" /></a></span>
  <div class="layer_giftCard">
    <div class="gc_left_img"><img src="images/icon_tips.gif" /></div>
    <div class="gc_right_con">
      <p>礼品卡<b>213123123</b></p>
      <p><b>验证失败！</b></p>
      <p><b>请输入与本疗程天数相对应的礼品卡号</b></p>
      <div class="btnWarp"><a href="#" class="btn">好的，知道了</a><a href="#" class="btn btnRed">请查看礼品卡使用流程</a></div>
    </div>
  </div>
</div>





<br /><br /><br /><br /><br />





<div class="layer_warp w504">
  <span class="close"><a href="#"><img src="images/close.png" width="60" height="60" /></a></span>
  <div class="layer_giftCard">
    <div class="gc_left_img"><img src="images/icon_tips.gif" /></div>
    <div class="gc_right_con">
      <p style="font-size:14px;">温馨提示：</p>
      <p>系统显示您还有未使用疗程</p>
      <p><b>15 / 20 次</b></p>
      <p><b>是否继续购买？剩余次数将与这次订购合并！</b></p>
      <div class="btnWarp"><a href="#" class="btn btnRed">确定</a><a href="#" class="btn">直接使用您现有疗程卡</a></div>
    </div>
  </div>
</div>




<br /><br /><br /><br /><br />







<div class="layer_warp singleProductWarp">
  <span class="close"><a href="#"><img src="images/close.png" width="60" height="60" /></a></span>
  <div class="singleProduct">
    <ul class="singleProduct_list clearfix">
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      <li>
        <div class="img"><img src="images/singleProduct.jpg" /></div>
        <div class="singleProduct_sub">
          <span class="input"><input type="text" disabled="disabled" value="0" /><em><img src="images/arrow_down_w.gif" width="11" height="6" /></em></span>
          <ul class="inputlist">
            <li><a href="javascript:(0);">1</a></li>
            <li><a href="javascript:(0);">2</a></li>
            <li><a href="javascript:(0);">3</a></li>
            <li><a href="javascript:(0);">4</a></li>
            <li><a href="javascript:(0);">5</a></li>
            <li><a href="javascript:(0);">6</a></li>
            <li><a href="javascript:(0);">7</a></li>
          </ul>
        </div>
        <h5>大屿山</h5>
        <p>亚洲谁、菠萝、菠菜、苹果、羽衣甘蓝、薄荷</p>
      </li>
      
    </ul>
    <span class="moretet"><a href="#">>更多果汁详情请点击这里</a>注：可以根据您的喜好点选任意果汁和任意数量（但总数不能超过6瓶）</span>
    <span class="submit_btn"><a href="#">提交</a></span>
  </div>
</div>






<br /><br /><br /><br /><br />














<script src="js/jquery-1.10.2.min.js"></script>

<script type="text/javascript" src="js/juiceup.js"></script>

</body>
</html>
